import React from 'react';
import Banner from './component/banner';
import { Outlet, NavLink } from 'react-router-dom'
import './home.css'
import City from './component/city'
const Index = () => {
    const page = {
        margin: 'auto', 
        width: '750px', 
        position: 'relative'
    }
    const App = {
        display: 'flex',
        justifyContent: "space-around",
        fontSize: "30px"
    }

    return (
        <div style={page}>
            <Banner></Banner>
            <City></City>
            <div style={App}>
                <div>
                    <NavLink to='/hots'>正在热映</NavLink>
                </div>
                <div>
                    <NavLink to='/comingSoon'>即将上映</NavLink>
                </div>
            </div>
            <Outlet></Outlet>
        </div>
    );


}

export default Index;
